<template>
  <div>
    <!-- i18n使用
      vue:它是响应式更新
          this.$t(key)
          this.$i18n.locale  获取
          this.$i18n.locale ='en' 也可以设置

      js:它只会执行一次(不具有响应式)
          import i18n from '@/lang'
          i18n.t(key)
          i18n.locale  获取
          i18n.locale ='en' 也可以设置

     实际开发如果让做国际化，你应该做什么？
      1：i18n配制好
      2：收集语言包（中文语言包）按模块划分
      3：加好注释
      4：收集的同时直接应用$t()
      5: 让其它人翻译相应语言包使用
      6:后端也需要国际化（接口也需要传入相应的国际化参数）
         cookie:统一传递（注意：跨域请求不自动带cookie,默认不带cookie）
      7:注意事项
          要做国际化尽量写成接口
     -->
    <h1>{{ $t('home.title') }}</h1>
    <button @click="$i18n.locale='zh'">切换成中文</button>
    <button @click="$i18n.locale='en'">切换成英文</button>
    <el-calendar />
  </div>
</template>
<script>
export default {

  created() {
    const arr = [{ id: 1 }, { id: 2 }, { id: 2 }, { id: 1 }]
    const newArr = arr.filter((item, index, initArr) => {
    //  index是下标:3
      const itemIndex = initArr.findIndex(i => i.id === item.id)
      //   itemIndex:0
      return itemIndex === index
    })
    console.log(newArr, '去重')
  },
  mounted() {
    const arr2 = [1, 2, 2, 1]
    const newArr2 = arr2.filter((item, index, initArr) => {
      return initArr.indexOf(item) === index
    })
    console.log(newArr2, '去重2')
  }

}
</script>
<style>
</style>
